<template>
	<view class="">
		<view class="topbox">
			<image src="../../static/logo.png" mode=""></image>
			<text class="name">蜡笔小新</text>
		</view>
		<view class="hr"></view>
		<view class="centerbox">
			<view class="nr">
				棉布莱卡的出现，不过使内衣面料又多了一种选择与表现。最舒适的面料仍当数棉布，
				今天的女性依然偏爱棉质内衣，这因为棉布本身独一无二的透气性和天然性，使
				穿着感受绝不同于其他面料。
				从美感来说，平织棉布的印花效果
				和针织棉布的染色效果，都有一种天然纯朴和青春气息，为其他面料所难取代
			</view>
			<image src="../../static/logo.png" mode=""></image>
		</view>
		<!-- <view class="hr"></view> -->
		<view class="btnbox">
			<Modkexq></Modkexq>
		</view>
	</view>
</template>

<script>
	import Modkexq from "../../components/Modkexq/index.vue"
	export default {
		data() {
			return {

			}
		},
		methods: {

		},
		components: {
			Modkexq
		}
	}
</script>

<style scoped lang="scss">
	.topbox {
		height: 130rpx;
		width: 100%;
		background-color: #FFFFFF;
		display: flex;
		align-items: center;

		image {
			width: 70rpx;
			height: 70rpx;
			border-radius: 70rpx;
			margin-left: 38rpx;
		}

		.name {
			font-family: MicrosoftYaHei;
			font-size: 26rpx;
			color: #000000;
			margin-left: 10rpx;
		}
	}

	.hr {
		width: 100%;
		height: 15rpx;
		background-color: #efefef;

	}

	.centerbox {
		background-color: #FFFFFF;
		width: 100%;
		height: 1100rpx;
		overflow: scroll;
		padding: 40rpx 38rpx;
		box-sizing: border-box;

		.nr {
			font-family: MicrosoftYaHei;
			font-size: 26rpx;
			color: #333333;
			line-height: 48rpx;
			text-align: justify;
			text-justify: inter-ideograph;
			margin-bottom: 50rpx;
		}

		image {
			width: 691rpx;
			height: 449rpx;
			margin: 10rpx auto;
		}
	}
	.btnbox{
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
	}
</style>
